.flex-start {
    display: flex;
    justify-content: flex-start;
}
.flex-end {
    display: flex;
    justify-content: flex-end;
}
.flex-between {
    display: flex;
    justify-content: space-between;
}
.flex-1 {
    flex: 1;
}
.flex-align-center {
    align-items: center;
}
.flex-align-end {
    align-items: flex-end;
}
.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}
.border-test {
    border: 1px solid red;
}
.z-card {
    width: 100%;
    background-color: #ffffff;
    border-radius: 4px;
}
.padding-lr-10 {
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
}
.padding-lr-20 {
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
}
.margin-top-20 {
    margin-top: 20px;
}
.img-size {
    width: 100%;
    height: 100%;
}